<template>
	<!-- 课程信息 -->
	<div>
		<!-- 课程 -->
		<div style="border: 1px solid #e5e5e5;padding: 12px;border-radius: 8px;">
			<div style="display: flex;justify-content: space-between;padding-top: 5px;">
				<span style="font-size: 12px;color: #999999;">成都暑期项目001</span>
				<span style="font-size: 12px;color: #FF0000;">￥456.00</span>
			</div>
			<div>
				<!-- 课程 -->
				<div style="margin-top: 12px; border-top: 1px solid #e5e5e5;padding-top: 12px;" v-for="(obj,idx) in 2">
					<!-- 名称&价格 -->
					<div style="display: flex;justify-content: space-between;padding: 5px 0;">
						<div style="display: flex;">
							<span style="font-size: 12px;color: #333333;font-weight: bold;">英国文学论</span>
							<span style="font-size: 12px;color: #666666;margin-left: 12px;">已退款</span>
						</div>
						<span style="font-size: 12px;color: #FF0000;">￥456.01</span>
					</div>
					<!-- 教授名称 -->
					<div style="display: flex;padding: 5px 0;">
						<div style="display: flex;">
							<span style="font-size: 12px;color: #999999;">教授</span>
							<span style="font-size: 12px;color: #333333;margin-left: 5px;font-weight: bold;">Tom</span>
						</div>
						<div style="display: flex;margin-left: 20px;">
							<span style="font-size: 12px;color: #999999;">TA</span>
							<span style="font-size: 12px;color: #333333;margin-left: 5px;font-weight: bold;">Tom2</span>
						</div>
					</div>
					<!-- 课程名称 -->
					<div style="display: flex;margin-top: 5px;">
						<span style="font-size: 12px;color: #999999;">对应本校课程:</span>
						<span style="font-size: 12px;color: #333333;margin-left: 5px;font-weight: bold;">课程名称</span>
					</div>
					<!-- 课程认证 -->
					<div style="display: flex;margin-top: 5px;">
						<span style="font-size: 12px;color: #999999;">课程认证:</span>
						<span style="font-size: 12px;color: #333333;margin-left: 5px;font-weight: bold;">认证成功</span>
						<span style="font-size: 12px;color: #007AFF;margin-left: 12px;font-weight: bold;">更改状态</span>
					</div>
					<!-- 学分置换 -->
					<div>
						<div style="display: flex;margin-top: 5px;">
							<span style="font-size: 12px;color: #999999;">学分置换:</span>
							<span style="font-size: 12px;color: #333333;margin-left: 5px;font-weight: bold;">认证失败</span>
							<span
								style="font-size: 12px;color: #007AFF;margin-left: 12px;font-weight: bold;">更改状态</span>
						</div>
						<div style="font-size: 12px;color: #99999990;margin-top: 3px;">
							失败原因失败原因失败原因失败原因失败原因失败原因失败原因失败原因失败原因</div>
					</div>
					<!-- 课程注册 -->
					<div style="display: flex;margin-top: 5px;">
						<span style="font-size: 12px;color: #999999;">课程注册:</span>
						<span style="font-size: 12px;color: #333333;margin-left: 5px;font-weight: bold;">注册中</span>
						<span style="font-size: 12px;color: #007AFF;margin-left: 12px;font-weight: bold;">更改状态</span>
					</div>
				</div>
				<!-- 价格 -->
				<div style="margin-top: 5px;">
					<div style="font-size: 12px;color: #999999;margin-top: 5px;">项目基础价:￥456.00</div>
					<div style="font-size: 12px;color: #999999;margin-top: 5px;">课程总价:￥456.00</div>
					<div style="margin-top: 5px;display: flex;">
						<div style="font-size: 12px;color: #999999;">定金:</div>
						<div style="font-size: 12px;color: #999999;font-weight: bold;">￥456.00</div>
					</div>
					<div style="margin-top: 5px;display: flex;">
						<div style="font-size: 12px;color: #999999;">优惠金额:</div>
						<div style="font-size: 12px;color: #FF0000;font-weight: bold;">￥456.00</div>
					</div>
					<div style="margin-top: 10px;display: flex;">
						<div style="font-size: 14px;font-weight: bold;">订单总价:</div>
						<div style="font-size: 14px;color: #FF0000;font-weight: bold;">￥456.00</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 学分转换记录 -->
		<div style="font-size: 14px;color: #007AFF;margin-top: 12px;font-weight: bold;">学分转换记录</div>
		<div style="border: 1px solid #e5e5e5;padding: 12px;border-radius: 8px;margin-top: 12px;" v-for="(obj,idx) in 2">
			<!-- row01 -->
			<div style="display: flex;justify-content: space-between;">
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 12px;color: #999999;">报名课程:</span>
					<span style="font-size: 12px;color: #333333;margin-left: 5px;">高等数学</span>
				</div>
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 12px;color: #999999;">动作:</span>
					<span style="font-size: 12px;color: #333333;margin-left: 5px;">报名课程</span>
				</div>
			</div>
			<!-- row02 -->
			<div style="display: flex;justify-content: space-between;margin-top: 5px;">
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 12px;color: #999999;">时间:</span>
					<span style="font-size: 12px;color: #333333;margin-left: 5px;">2021年10月9日</span>
				</div>
				<div style="display: flex;justify-content: space-between;">
					<span style="font-size: 12px;color: #999999;">结果:</span>
					<span style="font-size: 12px;color: #333333;margin-left: 5px;">认证失败</span>
				</div>
			</div>
			<!-- row03 -->
			<div style="display: flex;justify-content: space-between;margin-top: 5px;">
				<span style="font-size: 12px;color: #999999;">失败原因:</span>
				<span style="font-size: 12px;color: #333333;margin-left: 5px;flex: 1;">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</span>
			</div>
			<!-- row04 -->
			<div style="display: flex;justify-content: space-between;margin-top: 5px;">
				<span style="font-size: 12px;color: #999999;">截图:</span>
				<div style="font-size: 12px;color: #333333;margin-left: 5px;flex: 1;">
					<image style="width: 84px;height: 120px;background-color: #999999;margin-right: 5px;" mode=""></image>
					<image style="width: 84px;height: 120px;background-color: #999999;margin-right: 5px;" mode=""></image>
					<image style="width: 84px;height: 120px;background-color: #999999;margin-right: 5px;" mode=""></image>
				</div>
			</div>
			<!-- row05 -->
			<div style="display: flex;justify-content: space-between;margin-top: 5px;">
				<span style="font-size: 12px;color: #999999;">操作人:</span>
				<span style="font-size: 12px;color: #333333;margin-left: 5px;flex: 1;">张三</span>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: "personinfo-orderdetail-lesoninfo",
		data() {
			return {

			};
		}
	}
</script>

<style>

</style>
